
<template>
  <div>
    <van-nav-bar
      title="21天瘦腿计划"
      left-text="返回"
      left-arrow
      @click="onClickLeft"
    />

    <div class="leg">
      <div class="let-img">
        <img src="../../assets/img/养成7.png" alt="" />
      </div>

      <van-tabs v-model:active="active">
        <van-tab title="介绍">
          <div class="let">
            <div class="let-box">
              <div class="let-left"> • 难度系数:</div>
              <div class="let-right">
                <van-icon name="star" />
                <van-icon name="star" />
                <van-icon name="star" />
              </div>
            </div>

            <div class="let-box">
              <div class="let-left"> • 适用人群:</div>
              <div class="let-right">局部肥胖人群、久坐族</div>
            </div>

            <div class="let-box">
              <div class="let-left"> • 预期效果:</div>
              <div class="let-right">减重3-4斤</div>
            </div>

            <div class="let-text">
              <div class="let-text-title">
                又白又细又直的大长腿都是别人家的腿有没有！
              </div>
              <div class="let-text-title">
                别人家的腿跟火腿肠一样，自己的腿跟火腿一样，火急火燎啊有没有！
              </div>
              <div class="let-text-title">
                我充分理解你的心情（其实并不理解，因为我根本没有胖过哈哈哈），于是我从科学角度制定了一套运动瘦腿方案，来帮助你解决烦恼。
              </div>
               <div class="let-text-title">
                首先我要说明不存在局部减脂，脂肪的消耗一定是全身的，要瘦就全身瘦，但是通过局部的锻炼可以增强腿部肌肉，在全身性减脂的同时可以让腿部看上去更紧致，线条更分明，同时可以改善基础代谢，让减肥不容易反弹。
              </div>
              <div class="text-te"></div>
              <div class="let-text-title">
                鉴于胖纸通常都没有很好的运动习惯，本计划会循序渐进地帮你培养运动习惯，梳理正确的减肥观念，最终实现瘦腿目标。
              </div>
               <div class="let-text-title">
                特别提示：为了保证效果，请搭配【减肥饮食计划】来进行。
              </div>
            </div>
          </div>
        </van-tab>
        <van-tab title="目标">内容 2</van-tab>
      </van-tabs>
    </div>
  </div>
</template>
  
<script setup lang='ts'>
import { ref } from 'vue'

const active = ref(0)

const onClickLeft = () => history.back()
</script>




<style lang="scss" scoped>
.leg {
  width: 100%;
  height: 100%;
  // background-color: yellow;
  .let-img {
    width: 100%;
    height: 150px;
    img {
      width: 100%;
      height: 100%;
    }
  }

  .let{
    .let-box {
      width: 100%;
      height: 50px;
    }

    .let-left {
      float: left;
      height: 40px;
      width: 30%;
      // background-color: blue;
      text-align: center;
      padding-top: 10px;
    }
    .let-right {
      float: left;
      height: 40px;
      width: 70%;
      // background-color: rgb(24, 148, 96);
      text-align: left;
      padding-top: 10px;
    }

    .let-text {
      width: 100%;
      padding: 10px;
      // line-height: 30px;
      // background-color: pink;
      color: #666;

      .let-text-title {
        line-height: 30px;
      }
      .text-te {
        color: red;
        font-weight: bold;
      }
    }
  }
}
</style>